<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>宝塔控制面板</title>
    <link rel="stylesheet" href="css/Demo.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
</head>

<body>
    <div class="js">
        <div class="container">
            <div class="top">
                <div class="container">
                    <div class="logo">
                        <img class="top-img" width="122px" height="44px" src="img/LOGO.png" alt="">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-6 col-md-6 col-sm-12"></div>
                <div class="col-xl-2 col-md-2 col-sm-12"></div>
                <div id="login" class="col-xl-4 col-md-4 col-sm-12 pt-5 mt-5">
                    <div class="layui-form p-4">
                        <div>
                            <div class="layui-form-item text-center pb-3">
                                <h3>控制面板登录</h3>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-icon layui-icon-username" for="username"></label>
                                <input type="text" name="username" lay-verify="required|account" placeholder="用户名"
                                    autocomplete="off" class="layui-input" value="">
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-icon layui-icon-password" for="password"></label>
                                <input type="password" name="password" lay-verify="required|password" placeholder="密码"
                                    autocomplete="off" class="layui-input" value="">
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-icon layui-icon-vercode" for="captcha"></label>
                                <input type="text" name="captcha" lay-verify="required|captcha" placeholder="图形验证码"
                                    autocomplete="off" class="layui-input verification captcha" value="">
                                <div class="captcha-img"><img id="captchaPic" src="/admin/captcha.html"></div>
                            </div>
                            <div class="layui-form-item">
                                <input type="hidden" class="captcha_url" value="/admin/captcha.html?">
                                <input type="hidden" class="login_ajax_url" value="/admin/ajax/login.html">
                                <input type="hidden" class="callback_url" value="/admin/">
                                <button class="layui-btn layui-btn-fluid" lay-submit="" lay-filter="login">登 入</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom">
                <div class="text-center">
                    © 2020 - 宝塔主机控制面板 || 零度科技-Lhost版权所有
                </div>
            </div>
        </div>
    </div>
</body>
<script type='text/javascript' src='js/jquery-1.11.1.min.js'></script>
<script src="https://www.layuicdn.com/layui/layui.js"></script>
<script type='text/javascript' src='js/jquery.particleground.min.js'></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script>
    $(document).ready(function () {
        $('body').particleground({
            dotColor: '#5cbdaa',
            lineColor: '#5cbdaa',
            directionX: 'center',
            directionY: 'center'
        });
    });
</script>

</html>